<html
	xmlns:wicket="http://git-wip-us.apache.org/repos/asf/wicket/repo?p=wicket.git;a=blob_plain;f=wicket-core/src/main/resources/META-INF/wicket-1.5.xsd;hb=master"
	lang="en">
	<wicket:head>
		<style type="text/css">
.componentRef{
	border: 1px solid buttonface;
    border-radius: 6px 6px 6px 6px;
    padding: 10px;
    margin-top: 10px;
}
.gridRef{
	margin-top: 10px;
}		
		</style>
	</wicket:head>
<body>
	<wicket:extend>
		<form wicket:id="userProfileSettingsForm">					
			<div>
				<div style="float: left;">
					<div style="float: left;">
						<label style="font-weight: bold; font-size: 14px; line-height: 32px;">Select Component:</label>
					</div>
					<div style="padding-left: 35px; float: left;">
						<select style="width: 300px;" wicket:id="componentChoice">
							
						</select>
					</div>
				</div>								
				<div style="float: right;">
					<a href="#" wicket:id="info"><img width="32" src="ASSETS/css/images/icon/info-32.png" /></a>
				</div>				
			</div>
			<div class="clearBlocks"></div>
			<div wicket:id="componentRefference"></div>
			
			<div wicket:id="gridRefference" class="gridRef"></div>									
			
			<input type="button" value="Submit" wicket:id="submit">
						
			<wicket:fragment wicket:id="defaultFragment" />
			
			<wicket:fragment wicket:id="textfieldFragment">
				<div class="componentRef">
					<input type="text" wicket:id="inputField"/>
					<input type="hidden" wicket:id="hiddenField"/>
					<input type="button" value="Save" wicket:id="save">
				</div>				
			</wicket:fragment>
						
			<wicket:fragment wicket:id="settingsGridFragment">
				<table class="table" style="width: 100%;">
					<thead>
						<tr>
							<th class="component"><label>Component</label></th>
							<th><label>Values</label></th>
							<th><label>Delete</label></th>
							<th><label>Edit</label></th>
							<th><label>Move</label></th>
						</tr>
					</thead>
					
					<tbody>
						<tr wicket:id="settingsGrid">							
							<wicket:container wicket:id="valueRefference"></wicket:container>
							<td class="action">
								<div>
									<a href="#" wicket:id="up">
										<img width="16" src="ASSETS/css/images/icon/uparrow.png" />
									</a>
								</div>								
								<div>
									<a href="#" wicket:id="down">
										<img width="16" src="ASSETS/css/images/icon/downarrow.png" />
									</a>
								</div>																	
							</td>							
						</tr>
					</tbody>					
				</table>
			</wicket:fragment>
			
			<wicket:fragment wicket:id="textfieldGridFragment">
				<td><label wicket:id="label"></label></td>
				<td><div class="value" wicket:id="value"></div></td>
				<td class="action"><a href="#" wicket:id="delete">
						<img width="16" src="ASSETS/css/images/icon/delete.png" />
					</a>
				</td>
				<td class="action">
					<a href="#" wicket:id="edit">
						<img width="16" src="ASSETS/css/images/icon/edit.png" />
					</a>
				</td>
			</wicket:fragment>
		</form>
	</wicket:extend>
</body>
</html>